<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/* 1.抓到图片元素 */
			img:hover{
				transition: transform 5s ;
			}
			/* 2.在图片上进行旋转 */
			img:hover{
				transform: rotate(1800deg);
			}
		</style>
	</head>
	<body>
		<!-- 音视频元素 -- 参考图片元素写法
		html5针对属性和属性值一致情况：省去属性值 
		autoplay 属性 自动播放一次
		controls属性 播放条
		loap属性 无限次播放
		-->
		<video src="img/oceans-clip.mp4" autoplay controls></video>
	   <audio src="img/dafengche.mp3" autoplay controls loop></audio>
	   <!-- 大风车引入-->
	   <img src="img/大风车.jpg" alt="大风车">
	   <h1>锚点技术</h1>
	   <!-- 锚点具备三要素：1.定义锚点 2.锚点链接 3.锚点位-->
	   <!-- 1.定义锚点-->
	   <a href="#abc">人</a>
	   <!-- 2.锚点距离  填充页面高度：1000px-->
	   <div style="height: 1000px;"></div>
	   <!--3.锚点位   超链接name传参属性：【将前台数据传输后台】
		             属性值：自定
		-->
		<a name="abc"><img src="img/1.png" alt="海绵宝宝">/a>
	</body>
</html>